// Reset SCSS

// 重置所有的margin和padding
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption{
  margin: 0;
  padding: 0;
  border: 0;

  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}


body {
  margin: 0!important;
}

// 重置列表样式
ul,
ol {
  list-style: none;
}

// 重置表格样式
table {
  border-collapse: collapse;
  border-spacing: 0;
}

// 重置按钮样式
button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;

  font-family: inherit;
  vertical-align: middle;
  background: none;
  line-height: 1;
  outline: none;
  appearance: none;
}

// 可选：设置box-sizing为border-box
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


html {
  font-size: 93.8%;
  /*15px页面标准字体大小*/
}

body {
  background-color: $color-bg; // 使用主题背景色
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;
  font-weight: 400;
  min-height: 100vh;
  scroll-behavior: smooth;
}


h1,
h2,
h3,
h4,
h5 {
  font-family: "Open Sans";
  color: $color-text-main; // 使用主题文字颜色
  margin: 0;
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  font-size: 1.802rem;
}

h2 {
  font-size: 1.602rem;
}

h3 {
  font-size: 1.424rem;
}

h4 {
  font-size: 1.266rem;
}

h5 {
  font-size: 1.125rem;
}

small,
.text_small {
  font-size: 0.889rem;
}




hr {
  height: 1px;
  border: none;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), $color-primary, rgba(0, 0, 0, 0));
  margin: .8rem 0;
}


// 链接样式
a {
  color: $color-primary;
  text-decoration: none;
  transition: color 0.3s ease;

  &:hover {
    color: darken($color-primary, 10%);
  }
}


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #F0F1F2;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
}


// 定义一些常用的媒体查询断点
$breakpoint-sm: 576px; // 小屏幕，如手机
$breakpoint-md: 768px; // 中等屏幕，如平板电脑
$breakpoint-lg: 992px; // 大屏幕，如小型笔记本电脑
$breakpoint-xl: 1200px; // 超大屏幕，如桌面电脑

// 定义媒体查询的mixin
@mixin media-query($breakpoint) {
  @media only screen and (min-width: $breakpoint) {
    @content;
  }
}

.lazy-image {
  transition: all .3s linear;
}

.col-646F87 {
  color: #646F87;
}

.col-level2 {
  color: #42506C;
}

.col-8A93A7 {
  color: #8A93A7;
}

.col-223354 {
  color: #223354;
}

.col-07F {
  color: #07F;
}

.col-FF2855 {
  color: #FF2855;
}

.col-money {
  color: #FF3D00;
}

.col-warn {
  color: #F5222D;
}

.fz-12 {
  font-size: 12px;
}

.fz-14 {
  font-size: 14px;
}

.fz-16 {
  font-size: 16px;
}

.fz-18 {
  font-size: 18px;
}

.fz-22 {
  font-size: 22px;
}

.fz-32 {
  font-size: 32px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}


.ml-8 {
  margin-left: 8px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-32 {
  margin-right: 32px;
}